<%@ page language="java" pageEncoding="utf-8" contentType="text/html;charset=UTF-8" %>
<%@include file="/inc/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户找回密码</title>
<link type="text/css" rel="stylesheet" href='${staticRSC["css/haoyao.css"]}' />
<link type="text/css" rel="stylesheet" href='${staticRSC["css/ucenter.css"]}' />
<script type="text/javascript" src='${staticRSC["js/haoyao.js"]}'></script>
</head>
<body>
<%@include file="/inc/header.jsp"%>
<div class="body" id="body">
    <div class="path w1000 center"><a href="/">首页</a> > <a href="#" target="_self">忘记密码</a></div>
    <div class="w1000 center cf">
        <div class="umain" style="width:1000px;">
            <div class="userCoupon">
                <div class="account_title">
                    <h3 class="title">找回/修改密码</h3>
                </div>
                <div class="account_text">
                    <p>您可以通过以下方式找回您的密码或修改密码!</p>
                </div>
                <div class="icobox">
                    <ul class="cf">
                        <li>
                            <a href="javascript:void(0)" class="icon-mail icon-mail2"></a>
                        </li>
                        <li>
                            <a href="javascript:void(0)" class="icon-phone"></a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="method" style="display:block;">
                <div class="userCoupon account_box">
                    <div class="account_phone">
                        安全邮箱：<input type="text" id="email" name="email" value="邮箱" autocomplete="off" class="inputtext" />
                        <a href="javascript:void(0);" class="submit-btn-red send-email" >
                            <span id="send" class="fore">发送验证邮件</span>
                            <span id="sending" class="back">处理中...</span>
                        </a>
                    </div>
                    <div id="emailTip" class="account_email radius-4" style=display:none>邮件已成功发送！<br />若您在5分钟内仍未收到系统邮件请尝试重新发送!</div>
                </div>
            </div>
            <div class="method">
                <div class="userCoupon account_box">
                	<div style="width:600px; padding:10px 0px 10px 110px;">
                        验&nbsp;证&nbsp;码：<input type="text" id="imgCode" name="imgCode" value="" autocomplete="off" class="inputtext " style="width: 385px" />
                        <a href="javascript:;" class="submit-btn-red sendVerify">
                            <span><img height="100%" src="" alt="验证码" id="img_btn_reset" /></span>
                        </a>
                    </div>
                    <div style="width:600px; padding:10px 0px 10px 110px;">
                        手机号码：<input type="text" id="phone" name="phone" value="" autocomplete="off" class="inputtext " style="width: 385px"/>
                        <a href="javascript:;" class="submit-btn-red sendVerify">
                            <span id="sendCode" class="fore">获取验证码</span>
                            <span id="sendCoding" class="back">处理中...</span>
                        </a>
                    </div>
                    <div id="phoneTip" class="account_email radius-4" style=display:none>验证码已成功发送！<br />验证码有效时间为5分钟，5分钟后将自动失效。</div>
                </div>
                <div id="fixPw" class="userCoupon account_box" style="display:none;">
                    <div class="account_key">
                        <ul>
                            <li>您已通过安绑定手机找回方式成功找回账户密码，请及时重置密码来保障账户的安全！</li>
                            <li>
                                新 密 码 ：<input id="password" name="password" type="password" value="" autocomplete="off" class="inputtext " />
                                <span class="red">*</span>
                                <span id="pwTip" class="gray">密码不得少于6个字符，不得为纯字母或数字！</span>
                            </li>
                            <li>
                                再次输入&nbsp;：<input id="confirmPassword" name="confirmPassword" type="password" value="" autocomplete="off" class="inputtext " />
                                <span class="red">*</span>
                                <span id="confirmPwTip" class="gray"></span>
                            </li>
                            <li>
                                验 证 码 ：<input id="key" name="key" type="text" value="" autocomplete="off" class="inputtext " />
                                <span class="red">*</span>
                                <span class="gray"></span>
                            </li>
                            <input type="hidden" id="userId" name="userId" value="" />
                            <li style="padding-left:203px;">
                                <a href="javascript:;" class="submit-btn-red reset-btn">
                                	<span id="reset" class="fore">完成密码重置</span>
                                	<span id="reseting" class="back">处理中...</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<%@include file="/inc/footer.jsp"%>
<script type="text/javascript" src="${LOCAL_JS_PATH}/commonutil.js"></script>
<script type="text/javascript" src="${LOCAL_JS_PATH}/password.js"></script>
</body>
</html>
